// 横栏-购物车
$('.topbar-cart a').mouseenter(function () {
    $(this).css({ 'background-color': '#fff', 'color': '#ff6700' })
        .next('.cart-menu').stop().animate({ width: 316, height: 98, opacity: 1 }, 100).css('display', 'block');
});
$('.topbar-cart a').mouseleave(function () {
    $(this).css({ 'background-color': '#424242', 'color': '#b0b0b0' })
        .next('.cart-menu').stop().animate({ width: 316, height: 0, opacity: 0 }, 100).css('display', 'none');
})

// header-nav
$('.nav-item').mouseenter(function () { $('.item-children').slideDown() });
$('.nav-item').each(function () {
    $(this).mouseenter(function () {
        $('.c-show').eq($(this).index()).show().siblings().hide();
    });
});
$('.no').mouseenter(function () {
    $('.item-children').slideUp();
});
$('.header-nav').mouseleave(function () {
    $('.item-children').slideUp();
});

// 1.3轮播图
var index = 0;
var timer = setInterval(nextImg, 5000);
function nextImg() {
    index = index == $('.pic li').length - 1 ? 0 : index + 1;
    showImg();
}
function prevImg() {
    index = index == 0 ? $('.pic li').length - 1 : index - 1;
    showImg();
}
function showImg() {
    $('.pic li').eq(index).show().siblings().hide();
    $('.indicator li').eq(index).addClass('active').siblings().removeClass('active');
}
$('.indicator li').hover(function () {
    clearInterval(timer);
    index = $(this).index();
    showImg();
}, function () {
    timer = setInterval(nextImg, 5000);
});
$('.lun').hover(function () {
    clearInterval(timer);
}, function () {
    timer = setInterval(nextImg, 5000);
});
$('.page .prev').click(function () {
    prevImg();
});
$('.page .next').click(function () {
    nextImg();
});
// 侧栏悬停显示
$('.l-left .site li').each(function () {
    $(this).mouseenter(function () {
        var index = $(this).index();
        $(this).addClass('b-color').siblings().removeClass('b-color');
        $('.l-con .l-show').eq(index).show().siblings().hide();
    });
});
$('.ce').mouseleave(function () {
    $('.site li').removeClass('b-color');
    $('.l-show').hide();
});
// 单品
// var con = 0;
// // 右 下一张
// function Right() {
//     $(this).addClass('active').siblings().removeClass('active');
//     con++;
//     if (con == $('.s-con ul').length) {
//         con = 0;
//         $(this).attr('disabled', 'disabled');
//         return;
//     }
//     move(con);

// };
// function Left() {
//     $(this).addClass('active').siblings().removeClass('active');
//     con--;
//     if (con == -1) {
//         con = $('.s-con ul').length - 1;
//         $(this).attr('disabled', 'disabled');
//         return;
//     }
//     move(con);
// };
// function move(i) {
//     var left = i * -$('.s-con ul').outerWidth();
//     console.log(left)
//     if (i == $('.s-con ul').length - 1) {
//         $('.s-con').animate({ left: 0 }, 200);
//     }
//     $('.s-con').animate({ left: left }, 200);
// }
// setInterval(Right, 1000);
// setTimeout(Right, 1000);
// setInterval(Left, 2000);

// $('.s-left').on('click', function () {
//     Left();
// });
// $('.s-right').on('click', function () {
//     Right();
// });
// 搭配
$('.a .m-title ul li').each(function () {
    $(this).mouseenter(function () {
        $(this).addClass('.a m-li-show').siblings().removeClass('m-li-show');
        console.log($(this).index());
        $('.a .m-list ul').eq($(this).index()).addClass('m-show').siblings().removeClass('m-show');
    });
});
$('.m-list li').hover(function () {
    $(this).find('.dis').stop().animate({ height: 75, opacity: 1 });
}, function () {
    $(this).find('.dis').stop().animate({ height: 0, opacity: 0 });
});
// 配件
$('.parts .m-title ul li').each(function () {
    $(this).mouseenter(function () {
        $(this).addClass('.parts m-li-show').siblings().removeClass('.parts m-li-show');
        console.log($(this).index());
        $('.parts .m-list ul').eq($(this).index()).addClass('m-show').siblings().removeClass('m-show');
    });
});
// 周边
$('.rim .m-title ul li').each(function () {
    $(this).mouseenter(function () {
        $(this).addClass('.rim m-li-show').siblings().removeClass('.parts m-li-show');
        console.log($(this).index());
        $('.rim .m-list ul').eq($(this).index()).addClass('m-show').siblings().removeClass('m-show');
    });
});
// 为你推荐

var con = 0;
var index = $('.rec-con ul').length;
// 点击左键，向左移动 上一张
function prevRec() {
    if (0 < con && con <= index) {
        con--;
        move(con);
    }
    return;
}
$('.rec .btn .left').click(function () {
    prevRec();
});
// 点击右键，向右移动 下一张
function nextRec() {
    if (0 <= con && con < index - 1) {
        con++;
        move(con);
    }
    return;
}
$('.rec .btn .right').click(function () {
    nextRec();
});
function move(i) {
    var left = i * -$('.rec-con ul').outerWidth();
    $('.rec-con section').animate({ left: left }, 200);
}
// setInterval(nextRec,1000);

